/* 定义鼠标移入时的动画 */
@keyframes slideUp {
  from {
    bottom: -60px;
  }
  to {
    bottom: 30px; /* 动画结束时的位置 */
  }
}

/* 定义鼠标移出时的动画 */
@keyframes slideDown {
  from {
    bottom: 30px; /* 动画开始时的位置 */
  }
  to {
    bottom: -60px; /* 动画结束时的位置 */
  }
}

/* 自定义渐显动画 */
.animate__slideUpCustom {
  animation: slideUp 0.25s linear forwards;
}

/* 自定义渐隐动画 */
.animate__slideDownCustom {
  animation: slideDown 0.25s linear forwards;
}
